<template>
  <div>
    <p>我的位置</p>
    <div id="viewDiv"></div>
  </div>
</template>
<script>
import { reactive } from 'vue'
import Map from '@arcgis/core/Map'
import MapView from '@arcgis/core/views/MapView'
export default {
  setup() {
    let data = reactive({
      name: 'tom',
    })

    const map = new Map({
      basemap: 'topo-vector',
    })

    const view = new MapView({
      container: 'viewDiv',
      map: map,
    })
    console.log(map)
    console.log(view)

    return {
      data,
    }
  },
}
</script>
